<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/my.css">
</head>

<body>
    <!-- 上部分 -->
    <div class="top">
        <header class="header">
            <div>我的</div>
            <div>
                <img src="./assets/images/my-header.png" alt="">
            </div>
        </header>


        <!-- 信息 message-->

        <div class="message">
            <div class="top">
                <div class="img">
                    <img src="./assets/images/im1.png" alt="">
                </div>
                <div class="text">
                    <div>小库先生</div>
                    <div>189****8792</div>
                </div>
                <a class="buttom" href="./register.html">
                    <button>实名认证</button>
                </a>
            </div>
        </div>

        <!-- 余额  balance -->

        <div class="balance">
            <div>
                <div><span>￥</span> 0.00</div>
                <div>余额</div>
            </div>
            <div>
                <div>0</div>
                <div>银行卡</div>
            </div>
            <div>
                <div>0</div>
                <div>优惠券</div>
            </div>
        </div>
        <!-- 下部分 -->
    </div>
    <div class="bottom">
        <div class="box">
            <div class="img">
                <img src="./assets/images/my1.png" alt="">
            </div>
            <div class="text">我的订单</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my1.png" alt="">
            </div>
            <div class="text">红包</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my2.png" alt="">
            </div>
            <div class="text">借钱</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my3.png" alt="">
            </div>
            <div class="text">意见反馈</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my4.png" alt="">
            </div>
            <div class="text">保险</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my5.png" alt="">
            </div>
            <div class="text">我的地址</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my6.png" alt="">
            </div>
            <div class="text">邀请有礼</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="./assets/images/my7.png" alt="">
            </div>
            <div class="text">客服中心</div>
        </div>
        <div class="box">
            <div class="img">
                <img src="" alt="">
            </div>
            <div class="text"></div>
        </div>
    </div>


    <!-- 底部 -->
    <div class="bottomr">
        <input type="radio" name="ck" id="ck1" hidden>
        <label for="ck1" class="label1">
            <a class="box" href="./index.html">
                <div class="text">首页</div>
            </a>
        </label>


        <input type="radio" name="ck" id="ck2" hidden>
        <label for="ck2" class="label2">
            <a class="box" href="./management.html">
                <div class="text">理财</div>
            </a>
        </label>

        <input type="radio" name="ck" id="ck3" hidden>
        <label for="ck3" class="label3">
            <a class="box" href="./store.html">
                <div class="text">购物</div>
            </a>
        </label>

        <input type="radio" name="ck" id="ck4" hidden>
        <label for="ck4" class="label4">

            <a class="box" href="./information.html">
                <div class="text">消息</div>
            </a>

        </label>

        <input type="radio" name="ck" id="ck5" hidden>
        <label for="ck5" class="label5">
            <a class="box" href="./my.html">
                <div class="text">我的</div>
            </a>
        </label>
    </div>
</body>

</html>
<script src="./assets/js/typeface.js"></script>